<template>
  <div>
    <!-- 轮播图 -->
    <mt-swipe :auto="3000">
      <mt-swipe-item><img src="../img/1.jpg" width="100%" ></mt-swipe-item>
      <mt-swipe-item><img src="../img/2.jpg" width="100%" ></mt-swipe-item>
      <mt-swipe-item><img src="../img/3.jpg" width="100%" ></mt-swipe-item>
    </mt-swipe>

    <!-- 六宫格 -->
    <div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/newslist">
		                    <img src="../img/menu1.png" alt="">
		                    <div class="mui-media-body">新闻</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/market">
		                    <img src="../img/menu2.png" alt="">
		                    <div class="mui-media-body">商城</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../img/menu3.png" alt="">
		                    <div class="mui-media-body">none</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../img/menu4.png" alt="">
		                    <div class="mui-media-body">none</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../img/menu5.png" alt="">
		                    <div class="mui-media-body">none</div></a></li>
		           <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <img src="../img/menu6.png" alt="">
		                    <div class="mui-media-body">none</div></a></li>
		        </ul>
		</div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.mint-swipe{
  height: 230px;
}
.mint-swipe-item:nth-child(1){
  background-color: red;
}
.mint-swipe-item:nth-child(2){
  background-color: yellow;
}
.mint-swipe-item:nth-child(3){
  background-color: blue;
}

/*六宫格*/
.mui-content li{
  background-color: #fff !important;
  border: none !important;
}
.mui-content img{
  width: 65px;
}
.mui-content>.mui-table-view:first-child{
  margin-top: 0;
}

</style>


